<template>
  <div class="user-div">
    <NavBartack />
    <div style="width:375px;height:71px;background:white;">
      <van-image
        round
        style="float:left"
        width="4.5rem"
        height="4.5rem"
        src="https://tse1-mm.cn.bing.net/th?id=OIP.1mvbdGPgMTD3K_BwXaf8NQHaFj&w=274&h=206&c=7&o=5&dpr=2&pid=1.7"
      />
      <span style="font-size:14px;">至尊版</span><br />
      <span style="font-size:14px;">会员名：嘻嘻</span>
      <button style="margin-left:110px; color:#c8af76;font-size:14px;">
        编辑
      </button>
    </div>
    <div></div>
    <van-cell
      title="
            我的收货地址"
      is-link
      url="/vant/mobile.html"
    />
    <van-cell class="user-van-cell" title="账户与安全" is-link to="index" />
    <van-cell title="地区设置" is-link url="/vant/mobile.html" />
    <van-cell title="音效与通知" is-link to="index" />
    <van-cell title="隐私" is-link url="/vant/mobile.html" />
    <van-cell style="margin-bottom:5px" title="通用" is-link to="index" />
    <van-cell title="问题反馈" is-link url="/vant/mobile.html" />
    <van-cell title="关于手机淘宝" is-link to="index" />

    <div>
      <button class="user-button1" @click="bot2">切换用户</button>
      <button class="user-button2" @click="bot">退出登录</button>
    </div>
  </div>
</template>

<script>
import NavBartack from "../../components/navBarBack";
import { Dialog } from "vant";
export default {
  components: {
    NavBartack,
    // eslint-disable-next-line vue/no-unused-components
    bot: "",
    // eslint-disable-next-line vue/no-unused-components
    bot2: ""
  },
  methods: {
    bot() {
      Dialog.confirm({
        title: "退出登录",
        message: "退出成功......"
      })
        .then(() => {
          // on confirm
        })
        .catch(() => {
          // on cancel
        });
    },
    bot2() {
      Dialog.confirm({
        title: "退出登录",
        message: "退出成功......"
      })
        .then(() => {
          // on confirm
        })
        .catch(() => {
          // on cancel
        });
    }
  }
};
</script>

<style scoped>
.van-image {
  margin-left: 20px;
}
.user-div {
  height: 600px;
  background: #e6e6e6;
}
button {
  border: 1px solid #c8af76;
  background: white;
}
.user-van-cell {
  margin-top: 5px;
  margin-bottom: 5px;
}
.user-button1 {
  width: 360px;
  height: 40px;
  margin-top: 7px;
  margin-bottom: 7px;
  border: none;
}
.user-button2 {
  width: 360px;
  height: 40px;
  margin-bottom: 0px;
  border: none;
}
</style>
